#header{
  .h-top{
    border-bottom: 1px solid #dadada;background: #f2f2f2;color:#666;
    a{line-height: 30px;font-size: 12px;color:#666}
    a:hover{color:red;text-decoration: underline}
    .right a{padding: 0 10px;}
    li{float: left;}
    li:nth-child(3){margin-left:5px;a{padding-left:0;}}
    li:last-child div{display: none;position: absolute}
    li:last-child:hover div{display: block;z-index:10}
  }
  .h-bot{
    height: 87px;
    padding-top:30px;
    .wrapper>div{float: left}
    .wrapper>div:nth-child(1){
      a{display:block;height: 60px;}
    }
    .logo{
      width: 394px;
    }
    .wrapper .search{
      width: 394px;margin-right: 70px;position: relative;float: right;
      .search-top{
        width: 100%;box-sizing: border-box;border: 1px solid #6b4185;
        input{width:300px;height: 36px;line-height: 36px;border: 0;padding: 0 5px;outline: none}
        span{display:inline-block;width: 80px;height: 36px;line-height:36px;background: #6b4185;float: right;color: #fff;text-align: center}
      }
      p{
        margin-top: 3px;a{font-size: 12px;color:#666;margin-right: 4px;}
      }
      a:hover{color:red;text-decoration: underline}
    }
    .wrapper .cart{
      width: 168px;height: 38px;line-height:38px;border-radius: 2px;border: 1px solid #dadada;position: relative;margin-right: 40px;
      float: right;background: #f2f2f2;
      a{float:left;display:inline-block;width:100px;height:38px;line-height:38px;font-weight: 900;font-size:14px;color:#999;}
      span{text-align:center;line-height:20px;width: 20px;height:20px;border-radius: 50%;position: absolute;top:-5px;right:21px;background: red;color:#fff}
      .icon-gouwuchekong{float:left;display:inline-block;width: 38px;height: 38px;line-height:38px;font-size: 28px;color: #6b4185;margin-left: 20px;}
    }
  }

}
#nav{background: #333;
  .navbar{
    overflow: hidden;
    >div{float: left;color:#fff}
    .category{
      width: 220px;height: 30px;background: #654579;line-height: 30px;
      p{
        text-align: center;
        .alltop{width: 12px;height: 7px;display: inline-block;margin-left: 10px;background: url(../../images/ico_arrow.png) -25px -120px no-repeat;vertical-align: middle}
      }
      .dd{
        background:#e8e3eb;z-index: 100;position:absolute;width: 220px;height: 479px;display:none;
        .dd_right{
          display: none;padding:20px 40px;width: 620px;height: 437px;border: 1px solid #654579;background: #fff;position: absolute;right:-700px;top:-1px;
          .brand{
            overflow: hidden;margin-bottom: 30px;
            dt{font-size: 12px;font-weight: 900;color: #666;}
            dd{float: left;margin-right:15px;}
          }
          .brand-bot{
            overflow: hidden;
            div:nth-child(1){
              float: left;width: 280px;
              dl{margin-bottom: 15px;}
              dt{float: left;width: 70px;}
              dd{float: right;width: 200px;margin-right: 0}
              a{font-size: 12px;color:#666;margin-right: 10px;line-height: 6px;}
              a:hover{text-decoration: underline;color: red}
            }
            div:nth-child(2){float: right;margin-right: 20px;}
          }
        }
        >dl{
          padding: 20px 20px 6px;height:93px;cursor:pointer;position: relative;
          >dt{font-size:14px;line-height: 16px;padding-bottom: 16px;span{color:#666;line-height: 16px;img{vertical-align: middle;margin-right: 10px;}}}
          >dd{
            a{color:#666;font-size: 12px;margin-right: 6px;}
            span{width: 0;height: 0;display: block;border-left: 4px;border-color: #666;position: absolute;right: 20px;top:40px;}
          }
        }
        >dl:hover{
          background: #fff;border: 1px solid #654579;border-right: none;
          .dd_right{display:block;}
        }
      }
    }
    .category:hover{
      .dd{display: block}
      .alltop{width: 12px;height: 7px;display: inline-block;margin-left: 10px;background: url(../../images/ico_arrow.png) -5px -120px no-repeat;vertical-align: middle}
    }
    .navigation{padding-left: 30px;}
    .navigation li{
      float: left;line-height: 30px;margin-right: 37px;padding: 0 10px;
      a{color: #fff}
      a:hover{color: #999}
    }
  }
}
#main{
  margin: 40px auto 80px;
  .m_left{
    width: 192px;height:400px;border: 1px solid #e5e5e5;float: left;margin-right: 20px;
    .m_title{line-height: 55px;border-bottom: 1px solid #e14958;text-align: center;font-size: 16px}
    ul{
      padding: 14px 0 0 37px;
      li {
        list-style: square;color:#e14958;
        a {display:inline-block;line-height: 34px;  font-size: 13px; color:#666 ;font-weight: 900;}
        a:hover{text-decoration: underline}
      }
    }
  }
  .m_right{
    margin-left: 214px;

    .loadbox{width: 986px;height: 440px;box-sizing: border-box;}
  }
}